<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>

    // const p = ajax("接口1")
    // p.then(res=>{
    //     console.log("then: " + res)
    // }, res=>{
    //     console.log("then的第二个参数: " + res)
    // })
    // p.catch(res=>{
    //     console.log("catch: " + res)
    // })
    // p.finally(()=>{
    //     console.log("状态确定了");
    // })


    // =======

    ajax("A").then(res=>{
        console.log(res);
        return ajax("B");
    }).then(res=>{
        console.log(res);
        return ajax("C");
    }).then(res=>{
        console.log(res);
    }).catch(res=>{
        console.log(res);
    })

    function ajax(url){
        return new Promise((resolve, reject)=>{
            setTimeout(()=>{
                resolve(url + "成功");
            }, Math.random() * 1000);

            setTimeout(()=>{
                reject(url + "失败");
            }, Math.random() * 1000);
        });
    }

</script>
</html>